草庐IT

css - CSS 绝对定位之谜

全部标签

javascript - 未经许可的地理定位

这个问题在这里已经有了答案:Getcitynameusinggeolocation[duplicate](12个答案)关闭2年前。我注意到基于现代html5的地理定位总是询问用户“你想与这个网站分享你的位置吗?”。这很好,但我知道还有其他方法可以在无需请求此许可的情况下尝试确定大概的地理位置。如果我记得,这些服务使用ip数据库来尝试跟踪地理定位信息并将其提供给网络应用程序。因此,在我的网站中,我想在不请求地理定位许可的情况下对用户的邮政编码进行“最佳猜测”。执行此操作的最简单和/或最佳方法是什么?

javascript - 能否检测是否支持CSS滤镜效果?

CSSFilterEffects目前处于草稿阶段,但已被chrome支持。它提供了对图像应用效果的可能性:TheCSSfilterpropertyprovidesforeffectslikeblurringorcolorshiftingonanelement’srenderingbeforetheelementisdisplayed.Filtersarecommonlyusedtoadjusttherenderingofanimage,abackground,oraborder.IncludedintheCSSstandardareseveralfunctionsthatachieve

javascript - 如何找到哪个脚本修改了所选属性的CSS

有没有办法获取哪些脚本修改了选定的DOM元素以及修改顺序的信息?在我的网站上,我修改了divA的宽度。然而,似乎其他一些脚本在那之后修改了该宽度,但我不知道它是哪个脚本。我怎样才能找到它?编辑:经过更多搜索,我发现在firebug中你可以在HTMLView中右键单击属性,然后选择“更改时停止javascript”(或类似的东西,我的firefox不是英文的),问题是它在重新加载页面后重置,是什么让它对我有用。 最佳答案 我正在使用Chrome开发人员工具来调试我的页面。支持给dom元素添加断点,当dom的属性被javascript修

javascript - 如何使用 javascript 更改 css href =""?

这个问题在这里已经有了答案:changethehrefofacsslinkviajquery(3个答案)关闭8年前。我想用js改变csshref。NewDocument我必须修复上面的代码。变成我可以更改head标签中的csshref吗?可能吗?

javascript - 使用 Javascript 或 CSS3 制作动画?

我一直想知道在性能方面什么对动画更好-Javascript或CSS3。在此页面上,您可以比较GSAP、jQuery和CSS3:http://css-tricks.com/myth-busting-css-animations-vs-javascript/向下滚动到性能比较。现在我的问题如下:CSS3迟早会比Javascript(在本例中为GSAP)更快吗?那么我们应该使用CSS3还是仍然使用Javascript来编写动画?更新:另一个网站:http://greensock.com/transitions/目前看来,GSAP在大多数方面都比CSS3快,但在3D转换方面CSS3更快。现在的

javascript - 仅使用 event.target 定位父对象?

HTML:CSS:#parent{background-color:blue;width:100%;height:100px;}#child{background-color:green;width:50%;height:inherit;}.myClass{background-color:red!important;}JS:functiondoSomething(){event.target.className=('myClass');}正如您在thisJSFIDDLE中看到的那样,在单击子项时,不是将该类应用于触发该功能的父项,而是将其应用于子项。我想知道如何避免这种情况并将其应用

javascript - .css ('display' ) 是 block ,[0].hidden 是假的,.is (':hidden' ) 是真的吗?

我遇到了一个div被隐藏的情况,即使我刚刚执行了显示具有相同后缀的所有其他div的代码:$("[id$='-input-container']").show()尽管如此,一个特定的div仍然隐藏:$("#single-colorRange-color-input-container")。我想也许它被隐藏在代码后面的某个地方但没有-在调用$inputContainers.show()之后我立即添加了如下日志记录(和debugger语句停止所有后续执行):console.log($("#single-colorRange-color-input-container").css('displ

javascript - 如何在 .tsx typescript 中包含 .css 文件?

如何在“tsx”中包含“css”文件以及如何使用它?即我如何呈现静态文件?import*asReactfrom"react";import{Header}from"./header";//import"./home.css";exportclassHomeextendsReact.Component{render(){return();}} 最佳答案 看到这个答案:https://stackoverflow.com/a/37144690/3850405如果你的组件中的一个类只需要css,你可以像下面那样做。当内联css不起作用并且只

javascript - CSS - 获取其他元素的属性

我想知道是否可以在不使用Javascript或其他编程语言的情况下使用JavascriptDOM之类的东西来引用某些元素。这就是我的意思。假设我们有两个应该具有相同高度的div。我想获得第一个div的高度以将其分配给第二个,如下所示:#div1{height:400px;}#div2{height:#div1.height;}如您所见,我在Javascript中执行与document.getElementById("id").style.height完全相同的操作。是否有可能做到这一点?如果没有,我想知道是否存在论坛、网站等来讨论CSS改进或了解这门语言的发展。提前致谢!

javascript - 解析 CSS 背景图像

如何解析CSSbackground-image,它支持多个值,可以是none和函数(例如url()和linear-gradient())有多个逗号分隔的参数?我似乎无法用正则表达式正确地做到这一点。一个好的测试用例如下:linear-gradient(topleft,red,rgba(255,0,0,0)),url(a),image(url(b.svg),'b.png'150dpi,'b.gif',rgba(0,0,255,0.5)),none我想将其转换为以下数组:["linear-gradient(topleft,red,rgba(255,0,0,0))","url(a)","im